*{
    margin:0;
    padding:0;
}
body{
    width:auto;
    height:auto;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }
.search{
    display: inline-block;
    width: 1150px;
    height: 50px;
    line-height: 50px;
}
.search #search{
    vertical-align: middle;
    /* 按照中线对齐，解决了输入中文时输入框抖动的情况 */
    width: 180px;
    height: 35px;
    border-radius:30px;
    border:2px solid #917dcc67;
    margin-left: 25%;
    text-indent:12px;
    color:#797268;
    font-size:16px;
    padding:0;
    /* 去除input标签focus时蓝色边框 */
    outline:none;
}
.search #search:focus{
    border:2px solid #917dccd2;

}
.search #search::placeholder{
	color:#a690e757;
}
.search #search-btn{
    width: 80px;
    height: 35px;
    vertical-align: middle;
    background-color: #ac9fd149;
    color: #ac9fd1bd;
    margin-left: 6px;
    border:2px solid #917dcc67;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius:30px;
}
.search #search-btn:active{
    background-color: #ac9fd186;
}
#tableFrame {
    width: 1000px;
    margin: auto;
    border-top:1px solid #b8cfcd;
    border-left:1px solid #b8cfcd;
}
#tableFrame:after {
    /* :after清除浮动 */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul {
    clear:both;
    list-style:none;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    text-align: left;
}
li {
    float:left;
    display: block;
    height: 30px;
    line-height: 30px;
    border-right:1px solid #b8cfcd;
    border-bottom:1px solid #b8cfcd;
    background-color: #fff;
    padding-left: 8px;
    padding:2px;
    color: #ac9fd1;  
    text-align: center;
}
/* 表格标题*/
#tableFrameTitle ul li{
    background-color: #d2d9eb;
    font-size: 15px;
    color: #797268;
}
#tableCase ul li{
    font-size: 12px;
    letter-spacing: 1px;
}
#tableCase ul li a{
    color: #ac9fd1de;
    font-size: 14px;
    text-decoration: none;
}
#tableCase ul li a:hover{
    color: #ac9fd1;
}
.alt {
    background-color: #e0e5f1;
    /* 元素透明度 */
    opacity: 0.8; 
    color: #797268;
}
#page{
    height: 60px;
    line-height: 60px;
    margin-top: 20px;
    /* display:flex;
    justify-content:center; */
    text-align: center;
}
#page .prev, .next{
    width: 100px;
    background-color: #b8cfcd5d;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
    border-radius:30px;
    color: #ac9fd1bd;
    border:2px solid #917dcc67;
    margin: 12px;
}
#page .page{
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    color: #797268;
    margin: auto;
}

.add {
    display: inline-block;
}
.add a button{
    width: 60px;
    height: 35px;
    background-color: #ac9fd125;
    color: #ac9fd1dc;
    margin-left: 6px;
    border:2px solid #917dcc67;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius:10px;
}
.add a button:active{
    background-color: #ac9fd177;
}